<% content_for(:content_class) { "bg-body-secondary" } %>
<% I18n.with_locale @locale do %>
  <%= tag.div :lang => @locale, :dir => t("html.dir") do %>
    <div class="container-lg attr">
      <div class='row'>
        <div class='col-sm-7 user-image'></div>
        <div class='col-sm-5 px-5 py-3 byosm'>
          <p class='h5 text-white text-nowrap'>
            <%= t ".heading_html", :copyright => tag.span(t(".copyright_symbol_html")),
                                   :br => tag.br %>
          </p>
        </div>
      </div>
      <div class='row'>
        <div class="px-5 py-4 bg-black bg-opacity-75">
          <h1 class="text-white fw-light"><%= t ".used_by_html", :name => tag.span("OpenStreetMap", :class => "user-name") %></h1>
        </div>
      </div>
    </div>

    <div class='bg-body px-5 py-4'>
      <p class="lead"><%= t ".lede_text" %></p>

      <%= render :layout => "about_section", :locals => { :icon => "local", :title => "local_knowledge" } do %>
        <p><%= t ".local_knowledge_html" %></p>
      <% end %>

      <%= render :layout => "about_section", :locals => { :icon => "community", :title => "community_driven" } do %>
        <p>
          <%= t ".community_driven_1_html", :osm_blog_link => link_to(t(".community_driven_osm_blog"),
                                                                      t(".community_driven_osm_blog_url")),
                                            :user_diaries_link => link_to(t(".community_driven_user_diaries"),
                                                                          diary_entries_path),
                                            :community_blogs_link => link_to(t(".community_driven_community_blogs"),
                                                                             t(".community_driven_community_blogs_url")),
                                            :osm_foundation_link => link_to(t(".community_driven_osm_foundation"),
                                                                            t(".community_driven_osm_foundation_url")) %>
        </p>
      <% end %>

      <%= render :layout => "about_section", :locals => { :id => "open-data", :icon => "open", :title => "open_data" } do %>
        <p>
          <%= t ".open_data_1_html", :open_data => tag.i(t(".open_data_open_data")),
                                     :copyright_license_link => link_to(t(".open_data_copyright_license"),
                                                                        copyright_path) %></p>
      <% end %>

      <%= render :layout => "about_section", :locals => { :id => "legal", :icon => "legal", :title => "legal" } do %>
        <p>
          <%= t ".legal_1_1_html", :openstreetmap_foundation_link => link_to(t(".legal_1_1_openstreetmap_foundation"),
                                                                             t(".legal_1_1_openstreetmap_foundation_url")),
                                   :terms_of_use_link => link_to(t(".legal_1_1_terms_of_use"),
                                                                 t(".legal_1_1_terms_of_use_url")),
                                   :aup_link => link_to(t(".legal_1_1_aup"),
                                                        t(".legal_1_1_aup_url")),
                                   :privacy_policy_link => link_to(t(".legal_1_1_privacy_policy"),
                                                                   t(".legal_1_1_privacy_policy_url")) %>
        </p>
        <p>
          <%= t ".legal_1_2_html", :attribution_guidelines_link => link_to(t(".legal_attribution_guidelines_title"),
                                                                           t(".legal_attribution_guidelines_url")) %>
        </p>
        <p>
          <%= t ".legal_1_3_html", :attribution_guidelines_link => link_to(t(".legal_attribution_guidelines_title"),
                                                                           t(".legal_attribution_guidelines_url")),
                                   :attribution_example_film => link_to(t(".legal_attribution_example_film_title"),
                                                                        t(".legal_attribution_example_film_url")),
                                   :attribution_example_tv => link_to(t(".legal_attribution_example_tv_title"),
                                                                      t(".legal_attribution_example_tv_url")) %>
        </p>
        <p>
          <%= t ".legal_2_1_html", :contact_the_osmf_link => link_to(t(".legal_2_1_contact_the_osmf"),
                                                                     t(".legal_2_1_contact_the_osmf_url")) %>
        </p>
        <p>
          <%= t ".legal_2_2_html", :registered_trademarks_link => link_to(t(".legal_2_2_registered_trademarks"),
                                                                          t(".legal_2_2_registered_trademarks_url")) %>
        </p>
      <% end %>

      <%= render :layout => "about_section", :locals => { :id => "partners", :icon => "partners", :title => "partners" } do %>
        <p><%= t "layouts.hosting_partners_2024_html", :fastly => link_to(t("layouts.partners_fastly"), "https://www.fastly.com/"),
                                                       :corpmembers => link_to(t("layouts.partners_corpmembers"), "https://osmfoundation.org/wiki/Corporate_Members"),
                                                       :partners => link_to(t("layouts.partners_partners"), "https://hardware.openstreetmap.org/thanks/") %>
        </p>
      <% end %>
    </div>
  <% end %>
<% end %>
